<template>
  <div>
    <div>
      <p v-show="isShow">v-show:我是p标签</p>
      <p v-if="isOk">v-if:我也是p标签</p>
    </div>

    <div>
      <p v-if="age >= 18">成年</p>
      <p v-else>未成年</p>
    </div>
    <hr />
    <div>
      <p>您的考试成绩如下:</p>
      <p v-if="score >= 90">优秀</p>
      <p v-else-if="score >= 80">良好</p>
      <p v-else-if="score >= 70">中等</p>
      <p v-else-if="score >= 60">及格</p>
      <p v-else>不及格</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: true,
      isOk: false,
      age: 15,
      score: 73,
    };
  },
};
</script>

<style>
</style>